<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/head.css">
	<link rel="stylesheet" href="../css/nav.css">
	<link rel="stylesheet" href="../css/main.css">
	<link rel="stylesheet" href="../css/window.css">
	<link rel="stylesheet" href="../css/footer.css">
	<title>主页</title>
</head>
<body>
	<div id="head"></div>
	<!-- <div id="body"></div> -->
	<div class="section">
	<!-- 轮播图 -->
	<div class="list" id="list">
		<div class="image"><img src="../images/lunbo/10.jpg" alt="" id="Img">
		<!-- 	<div></div> -->
		</div>
		<!-- 按钮切换 -->
		<div class="btn">
			<div id="pre" class="pre"></div>
			<div id="next" class="next"></div>
		</div>
		<!-- 焦点切换 -->
		<div class="focus">
			<div class="spot active" data-index="0">1</div>
			<div class="spot" data-index="1">2</div>
			<div class="spot" data-index="2">3</div>
			<div class="spot" data-index="3">4</div>
			<div class="spot" data-index="4">5</div>
		</div>
	</div>
	<div class="fenge">爱运动，爱烽火</div>
	<div class="x-wrap bo-wrap">
		<div class="imgsScorll">
			<ul class="imgs">
				<li class="scroll">
					<div class="children">
						<a href="javascript:;">
							<img src="../images/20.jpg" alt="">
						</a>
						<div class="div gongong">
						<p>复古风休闲鞋</p>
						<p>[特惠]两双低至5折</p>
						<p>月销量过万</p>
						</div>
					</div>
				</li>
				<li class="scroll">
					<div class="children">
						<a href="javascript:;">
							<img src="../images/21.jpg" alt="">
						</a>
						<div class="div gongong">
						<p>复古风休闲鞋</p>
						<p>[特惠]两双低至5折</p>
						<p>月销量过万</p>
						</div>
					</div>
				</li>
				<li class="scroll">
					<div class="children">
						<a href="javascript:;">
							<img src="../images/22.jpg" alt="">
						</a>
						<div class="div gongong">
						<p>复古风休闲鞋</p>
						<p>[特惠]两双低至5折</p>
						<p>月销量过万</p>
						</div>
					</div>
				</li>
				<li class="scroll">
					<div class="children">
						<a href="javascript:;">
							<img src="../images/20.jpg" alt="">
						</a>
						<div class="div gongong">
						<p>复古风休闲鞋</p>
						<p>[特惠]两双低至5折</p>
						<p>月销量过万</p>
						</div>
					</div>
				</li>
				<li class="scroll">
					<div class="children">
						<a href="javascript:;">
							<img src="../images/21.jpg" alt="">
						</a>
						<div class="div gongong">
						<p>复古风休闲鞋</p>
						<p>[特惠]两双低至5折</p>
						<p>月销量过万</p>
						</div>
					</div>
				</li>
				<li class="scroll">
					<div class="children">
						<a href="javascript:;">
							<img src="../images/22.jpg" alt="">
						</a>
						<div class="div gongong">
						<p>复古风休闲鞋</p>
						<p>[特惠]两双低至5折</p>
						<p>月销量过万</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="notive">
			<div class="nt-head">
				<button class="btnPre" id="btnPre"><</button>
				<p>公告</p>
				<button class="btnNext" id="btnNext">></button>
			</div>
			<div class="nt-body">
				<div class="nt-list" id="ntlist">
					<ul class="first">
						<li><a href="#">春节大减价，每双鞋只要88,快来抢购吧！</a></li>
					</ul>
					<ul class="two">
						<li><a href="#">春节大减价，每双鞋只要88,快来抢购吧！</a></li>
					</ul>
					<ul class="three">
						<li><a href="#">春节大减价，每双鞋只要88,快来抢购吧！</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 楼层 -->
	<div class="floor x-wrap" id="f1">
		<div class="floor_top"><h2>1F/运动生活</h2></div>
		<div class="floor_content">
			<div class="floor_left">
				<ul class="left_top">
					<li><a href="">运动服</a></li>
					<li><a href="">运动鞋</a></li>
				</ul>
				<a href="" class="left_img">
					<img src="../images/za.jpg" alt="">
				</a>
				<ul class="left_words">
					<li><a href="">男跑步</a></li>
					<li><a href="">女跑步</a></li>
					<li><a href="">男综训</a></li>
					<li><a href="">女综训</a></li>
					<li><a href="">男户外</a></li>
					<li><a href="">女户外</a></li>
					<li><a href="">足球区</a></li>
					<li><a href="">配件区</a></li>
					<li><a href="">篮球区</a></li>
					<li><a href="">明星区</a></li>
				</ul>
				<a href="" class="left_bottom_img">
					<img src="" alt="">
				</a>
			</div>
			<!-- 中间内容 -->
			<div class="floor_center">
				<a href=""><img src="" alt=""></a>
			</div>
			<!-- 右边内容 -->
			<ul class="floor_right">
				<li>
					<a href=""><img src="../images/image/01.jpg" alt=""></a>
					<a href="">都市休闲鞋01</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="floor x-wrap" id="f2">
		<div class="floor_top"><h2>2F/运动表现</h2></div>
		<div class="floor_content">
			<div class="floor_left">
				<ul class="left_top">
					<li><a href="">运动服</a></li>
					<li><a href="">运动鞋</a></li>
				</ul>
				<a href="" class="left_img">
					<img src="../images/za.jpg" alt="">
				</a>
				<ul class="left_words">
					<li><a href="">男跑步</a></li>
					<li><a href="">女跑步</a></li>
					<li><a href="">男综训</a></li>
					<li><a href="">女综训</a></li>
					<li><a href="">男户外</a></li>
					<li><a href="">女户外</a></li>
					<li><a href="">足球区</a></li>
					<li><a href="">配件区</a></li>
					<li><a href="">篮球区</a></li>
					<li><a href="">明星区</a></li>
				</ul>
				<a href="" class="left_bottom_img">
					<img src="" alt="">
				</a>
			</div>
			<!-- 中间内容 -->
			<div class="floor_center">
				<a href=""><img src="" alt=""></a>
			</div>
			<!-- 右边内容 -->
			<ul class="floor_right">
				<li>
					<a href=""><img src="../images/image/01.jpg" alt=""></a>
					<a href="">都市休闲鞋01</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="floor x-wrap" id="f3">
		<div class="floor_top"><h2>3F/儿童专区</h2></div>
		<div class="floor_content">
			<div class="floor_left">
				<ul class="left_top">
					<li><a href="">运动服</a></li>
					<li><a href="">运动鞋</a></li>
				</ul>
				<a href="" class="left_img">
					<img src="../images/za.jpg" alt="">
				</a>
				<ul class="left_words">
					<li><a href="">男跑步</a></li>
					<li><a href="">女跑步</a></li>
					<li><a href="">男综训</a></li>
					<li><a href="">女综训</a></li>
					<li><a href="">男户外</a></li>
					<li><a href="">女户外</a></li>
					<li><a href="">足球区</a></li>
					<li><a href="">配件区</a></li>
					<li><a href="">篮球区</a></li>
					<li><a href="">明星区</a></li>
				</ul>
				<a href="" class="left_bottom_img">
					<img src="" alt="">
				</a>
			</div>
			<!-- 中间内容 -->
			<div class="floor_center">
				<a href=""><img src="" alt=""></a>
			</div>
			<!-- 右边内容 -->
			<ul class="floor_right">
				<li>
					<a href=""><img src="../images/image/01.jpg" alt=""></a>
					<a href="">都市休闲鞋01</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 楼层窗口 -->
	<div id="floor_window" class="floor_window">
		<ul>
			<li><a href=""><span>运动生活</span></a></li>
			<li><a href=""><span>运动表现</span></a></li>
			<li><a href=""><span>儿童专区</span></a></li>
		</ul>
	</div>
</div>
	<div id="window"></div>
	<div id="footer"></div>
</body>
<script type="text/javascript" src="../jq/jquery.js"></script>
<script type="text/javascript" src="../js/component.js"></script>
<script type="text/javascript" src="../js/head.js"></script>
<script type="text/javascript" src="../js/window.js"></script>
<script type="text/javascript" src="../js/index.js"></script>
<script type="text/javascript" src="../js/foot.js"></script>
</html>